
{% load i18n %}

{% block content %}
<!DOCTYPE html> 
<html> 
    <head> 
    <title>Lectures</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
    <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head> 
<body>

<!-- Home Page -->
<div data-role="page" > 
    <div data-role="header">
<a href="/courses/ITeach">back</a>
       <h2>Lectures</h2>
 <a href='/accounts/logout/' rel="external" > logout</a>
    </div> 
    <div data-role="content">
{% if lectures %}
<ul data-role="listview" data-inset="true">
{% for lecture in lectures %}
<li><a href="/quiz/lecture/{{lecture.id}}" rel="external">{{ lecture.title}}</a></li>
{% endfor %}</ul>
{% else %}
No lectures at the course.
{% endif %}

</div> 
</div> 
</body>
</html>

{% endblock %}
